body {
	background:url(../img/bodybg.jpg) top center repeat #f8f1fa;
	font-family: 'Josefin Sans', sans-serif;
	color:#2a2135;
	overflow-x:hidden;
}
a img { border:none }
h1, h2, h3, h4, h5, h6 {
	font-family: 'Josefin Sans', sans-serif;
}
h1, h2 {
	color:#8714ad;
	font-weight:400;
}
p {
	font-size:16px;
}
button, input[type=image].search, input[type=submit] {
	border:1px solid rgba(95, 44, 101, 0.8);
	-webkit-border-radius: 5px / 10px;
	border-radius: 5px / 10px;
	
	background:url(../img/gradbg.png) top center repeat #915ad5; /* Old browsers */
	background: -moz-linear-gradient(top,  #915ad5 0%, #9c2bc3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#915ad5), color-stop(100%,#9c2bc3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #915ad5 0%,#9c2bc3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #915ad5 0%,#9c2bc3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #915ad5 0%,#9c2bc3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #915ad5 0%,#9c2bc3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#915ad5', endColorstr='#9c2bc3',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.4);
   	box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.4);
   	
   	
   	color:#fff;
   	font-family: 'Josefin Sans', sans-serif;
   	font-size:20px;
   	font-weight:700;
   	
   	padding:0px 20px 4px;
   	cursor:pointer;
}
button:hover, input[type=image].search:hover, input[type=submit]:hover {
	-webkit-box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.75);
   	box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.75);
}
button:active {
	-webkit-box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.75);
   	box-shadow: inset 0px -5px 13px 0px rgba(0, 0, 0, 0.3), 0px 0px 13px 0px rgba(0, 0, 0, 0.4);
}

img.border {
	padding:10px;
	background:#fff;
	-webkit-box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.6);
   	box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.6);
}
.warning {
	display:block;
	width:80px;
	height:80px;
	text-align:center;
	padding:10px;
	font-size:50px; 
	font-weigth:bold;
	border:2px solid #a366e5;
	background:#e4e1e1;
	-webkit-border-radius:40px; 
	border-radius:40px;
}


/* Header Bg */
#lilabg {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	background:url(../img/header.jpg) top center repeat-x;
	height:725px;
}
#lilabg.small {
	height:90px;
}




/* -------------- HEADER --------------- */

#header.row {
	padding:15px 0 15px;
}
/* Header auf Unterseiten (also nicht index.xhtml) */
#lilabg.small + #header.row {
	padding:15px 0 50px 0;
}
#header a:link, #header a:visited {
	color:#fff;
	text-decoration:none;
}
#header a:hover {
	text-decoration:underline;
}

#header .right {
	text-align:right;
}

#logo {
	position:relative;
	z-index:1000;
	margin:-40px 0 -30px;
}


.input-small, .input-middle, .input-large, .input-xlarge, .input-xxlarge {
	display:inline-block;
}
.input-small {
	width:30px;
}
.input-middle {
	width:70px;
}
.input-large {
	width:150px
}
.input-xlarge {
	width:200px;
}
.input-xxlarge {
	width:300px;
}



/* Header Suche */
input[type=text].search {
	background:url(../img/input_bg.png) bottom center repeat-x #fff;
	border:1px solid rgba(95, 44, 101, 0.8);
	border-right:none;
	padding:3px 65px 3px 10px;
	height:35px;
	display:block;
	-webkit-box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.75);
   	box-shadow:  0px 0px 13px 0px rgba(0, 0, 0, 0.75);
   	-webkit-border-radius: 5px 0 0 5px / 10px 0 0 10px ;
	border-radius: 5px 0 0 5px / 10px 0 0 10px ;
	font-size:17px;
}
/* Header Suchen Button */
input[type=image].search {
	display:inline;
	position:absolute;
	height:35px;
	top:25px;
	right:11px;
	width:62px;
	border-left:none;
	padding:0px 15px 0px !important;

   	-webkit-border-radius: 0 5px 5px 0 / 0 10px 10px 0;
	border-radius: 0 5px 5px 0 / 0 10px 10px 0;  	
}




/* Header - Warenkorb */
button#cart {
	position:relative;
	margin-top:20px; 
	padding:2px 15px;
	min-width:60px;
}
button#cart img { height:30px; }
/* Anzahl im Warenkorb gelegter Artikel */
button#cart span {
	display:block;
	position:absolute;
	width:28px;
	height:27px;
	padding-top:6px;
	right:-3px;
	top:-9px;
	background:url(../img/cartcountbg.png) no-repeat;
	color:#fff;
	text-shadow: 2px 2px 0px #591c6f;
    font-weight:bold;
    font-size:14px;
}




/* -------------- SLIDER --------------- */

/* Slider-DIV */
#sliderwrapper {
	width: 100%;
	height: 300px;
}

/* Slider + Schräge Box im Bg */
#sliderbg2, #sliderbg {
	position:relative;
	background:#f0e4f4;
	z-index:2;
	
	padding:10px 10px 1px 10px;
	-webkit-box-shadow:  0px 0px 14px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 0px 14px 0px rgba(0, 0, 0, 0.6);
    

}
/* Slider: Schräge Box im Bg */
#sliderbg {
	content:"";
	position:absolute;
	top:0px;
	left:2px;
	right:2px;
	bottom:36px;
	z-index:1 !important;
	
	-moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}
#sliderbg2 {
	position:absolute;
	top:-10px;
	left:4px;
	right:4px;
	bottom:34px;
}



/* -------------- ZEILE UNTER DEM SLIDER --------------- */

.secondRow h3 {
	color:#fff;
}




/* -------------- EVENTS --------------- */

/* EVENTS */
.eventslist {}
.eventslist a:link, .eventslist a:visited { color: #333; }
.eventslist a:hover { color: #5b3568; }
.eventslist a:active { color: #000; }


/* Event, Splate mit Bild */
.eventslist > .four.columns > .three.columns, .eventimg {
	margin:0;
	padding:0;
}
.eventslist > .four.columns > .three.columns img, .eventimg img {
	width:100%;
}


/* Event, Splate mit Text */
.eventslist > .four.columns > .nine.columns, .eventinfo {
	margin-bottom:20px;
}
.eventslist > .four.columns > .nine.columns h4, .eventinfo h4 {
	margin:-7px 0 4px 0; padding-top:0px;
} 
.eventslist > .four.columns > .nine.columns p, .eventinfo p {
	min-height:104px;
}




/* -------------- FOOTER --------------- */

body footer {
	background:url(../img/footerbg.png) top repeat-x;
	margin-top:40px;	
	height:250px;
	color:#fff;
}
body footer a:link, a:visited {	color:#aaa; }
body footer a:hover { color:#ddd; }











/* -------------- WARENKORB SITE --------------- */
.price {
	font-size:20px;
}
.count {
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
}
.count input {
	margin-top:-2px;
	margin-right:5px;
	text-align:right;
}



/* -------------- ERROR MESSAGE --------------- */
/* -------------- customised --------------- */

.ui-message-info,.ui-message-error,.ui-message-warn,.ui-message-fatal {
	border: 1px solid!important;
	margin: 0!important;
	padding: 0!important;
}
 
.ui-messages-error,.ui-message-error {
	color: #DC143C;
	margin-bottom: 15px!important;
	margin-top: -10px!important;
}

.ui-messages-info-detail, .ui-messages-warn-detail, 
.ui-messages-error-detail, .ui-messages-fatal-detail, 
.ui-message-info-detail, .ui-message-warn-detail, 
.ui-message-error-detail, .ui-message-fatal-detail{
	margin-left: 0px!important;
	padding:2px!important;
}

.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    height: 0px!important;
    width: 0px!important;
}








@media only screen and (max-width: 767px) {
	#header.row  {
		padding:0;
	}
	#lilabg.small + #header.row {
		padding:0;
	}
	#lilabg.small {
		height:80px;
	}

	
}



